@charset "utf-8";
/* CSS Document */
/* Reset */
* { margin:0; padding:0;}
a:link, a:visited, a:hover, a:active {text-decoration:none; cursor:pointer; color:#fff;  }
a:hover, a:active { color:#fff; }
body { font:14px "Microsoft Yahei","Thmano", "Arial"; color:#fff; background:#fff;}
img { border:0px;}
li{ list-style:none; float:left;}
input, textarea, select{ font:12px/1.5 "Microsoft Yahei","Thmano", "Arial"; color:#999; outline:0; }
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.clear{clear:both;}
#baiduMap{border:2px solid #222c50;}

/*head*/
.head{width:100%;}
.head .top{height:154px;width:1000px; margin:0 auto;}
.head .logo{ margin-top:50px;}
.head .logo a{ display:block; float:left;}
.head .logo .logo-r{border-left:1px solid #bababa; padding-left:15px; margin-left:15px; float:left;height:60px;padding-top:5px;}
.head .logo h3{ font-size:22px;color:#cf1209;}
.head .logo h4{ font-size:18px;color:#222c50;}
.head .tel{height:50px; margin-top:54px; text-align:right; padding-right:84px; background:url(images/tip.png) no-repeat 269px -200px;color:#222c50;font-size:18px;line-height:18px;}
.head .tel span{color:#d90000; font-weight:bold; font-size:32px; display:block; line-height:28px;line-height:32px;}
.head .nav{height:70px;width:100%; background: url(images/nav-bg.png);}
.head .nav ul{width:1000px; margin:0 auto;}
.head .nav li{position:relative;z-index:20;}
.head .nav li:hover,.head .nav li.cur{background:url(images/nav-hover.jpg) no-repeat center center;}
.head .nav li.index{ background:url(images/home.png) no-repeat center center;}
.head .nav li>a{width:110px;height:70px; display:block; text-align:center; line-height:70px;}
.head .nav dl{ position:absolute;width:100%; background:#fe0100;top:70px;left:0;display:none;}
.head .nav dd a{ display:block;height:40px; line-height:40px;width:100%; text-align:center;}
.head .nav dd a:hover{ background:#cf120a;}

/*banner*/
.banner{width:100%; overflow:hidden; position:relative;height:400px; background:#222c50;}
.banner ul{ position:absolute;height:400px;} 
.banner li{width:100%;height:400px;float:left; text-align:center;}
.banner .tip,.minbanner .tip{position:absolute;bottom:16px;left:50%;margin-left:420px; width:88px; height:12px; z-index:10;}
.banner .tip em,.minbanner .tip em{ display:block; height:16px; width:16px;  background:url(images/banner-tip.png) no-repeat 0 -30px ;float:left;
  margin:0 5px; cursor:pointer;float:left;}
.banner .tip .cur,.minbanner .tip .cur{ background:url(images/banner-tip.png) no-repeat 0 0 ;}

/*minbanner*/
.minbanner{ height:200px; width:100%;overflow: hidden;position: relative; background:#222c50;}
.minbanner ul{height:200px;}
.minbanner li{width:100%;height:200px;position:relative;overflow: hidden;z-index:10;}
.minbanner li img{position:absolute;left:50%;margin-left:-720px;height:200px;width:1440px;z-index:10;}
.banneryy{background:url(images/main-top.png) no-repeat center top;height:20px;width:100%;}


/*ks*/
.kswrap{width:100%;height:54px; background:#323e5d;}
.kn{height:54px;width:1000px; margin:0 auto;}
.kn .list{height:54px; line-height:54px;width:700px;}
.kn .list span{ float:left;}
.kn .box{height:24px;width:500px; overflow: hidden; position:relative; float:left; margin:15px 5px;}
.kn .box ul{ position:absolute;top:0;left:0; line-height:24px;width:100%;}
.kn .box li{height:24px;width:100%;}
.kn .search{width:236px;height:28px; line-height:28px; margin-top:16px;}
#SearchTxt{width:188px;padding-left:16px;border:none;background:#fff;height:27px;line-height:27px;float:left;}
#SearchSubmit{width:27px;height:27px;background:url(images/tip.png) no-repeat -1px -260px;border:none;float:left;margin-left:4px;cursor:pointer;}


/*main*/
.main{width:100%;padding:52px 0 42px;}

/*product*/
.pro{width:1000px;height:754px; margin:0 auto;}
.prolist{width:250px;}
.prolist .title{width:100%;height:98px; background:url(images/left.png) no-repeat; text-align:center;}
.prolist .title h3{height:98px; line-height:98px; font-size:24px; font-weight:bold;}
.prolist .sidenav{width:100%;padding-bottom:43px; background:url(images/left.png) no-repeat -250px bottom;}
.prolist ul{width:100%; background:url(images/left-repeat.jpg) repeat-y; padding:16px 0 12px;}
.prolist li{height:40px; line-height:40px; margin:6px 0 0 16px;width:214px;border:1px solid #ababab;position:relative;z-index:30;}
.prolist li:hover,.prolist li.cur{ background:url(images/left-li.jpg) repeat-x;border:none;width:216px;height:42px;}
.prolist li:hover a,.prolist li.cur a{color:#fff;}
.prolist li a{ display:block;height:42px;width:100%; text-align:center;color:#222c50;}
.prolist li a:hover{color:#fff;}
.prolist li .drop{width:200px;background:#e43434;position:absolute;left:216px;display:none;top:0;text-align:center;}
.prolist li .drop dd{display:block;height:30px;}
.prolist li .drop a{display:block;height:30px;line-height:30px;color:#fff;}
.prolist li .drop a:hover{background:#df120f;}
.prolist .func{width:100%;height:160px; background:url(images/left.png) no-repeat -500px 0;}
.prolist .func .tel{width:172px;padding-left:50px; padding-top:48px; margin:0 auto;height:46px; font-size:20px; line-height:26px;}
.prolist .func .tel span{ font-weight:bold;}
.prolist .func a{ background: #222c50; display:block;height:24px; line-height:24px;width:98px;border:2px solid #fff; float:left; text-align:center; margin-left:15px; margin-top:20px;}
.prolist .func a:hover{ background:#fff;color:#212c52;}


.title1{width:100%;height:62px; background:url(images/title-bg.png) no-repeat center top; text-align:center;}
.title1 h3{ font-size:26px;color:#da0c0c;}
.title1 h6{ font-size:24px;color:#222c50; font-weight:normal; text-transform:uppercase;}
/*proshow*/
.proshow{width:734px;}
.proshow ul{width:100%;}
.proshow li{width:230px;height:214px; background:#d8d8d8; margin:12px 7px 0;}
.proshow li .img{width:224px;height:164px; margin:3px auto 0; display:block; position: relative;overflow:hidden;}
.proshow li img{width:224px;height:164px; position:absolute;}
.proshow li .topic{height:44px;width:100%;}
.proshow li .topic span{ display:block;width:100%;height:44px; line-height:44px; text-align:center;color:#323b5b;}
.proshow li .more{display:none;height:44px;width:73px; background:url(images/tip.png) no-repeat 0 -300px;margin-top:3px;}
.proshow li:hover{ background:#323b5b;}
.proshow li:hover span{color:#fff; text-align:left;margin-left:10px;width:130px;float:left;}
.proshow li:hover .more{display:block; float:right;}

/*mintel*/
.mintel-wrap{width:100%;height:124px; background:#212d50; margin-top:40px;}
.mintel{width:1000px;height:124px; margin:0 auto;}
.mintel img{margin-top:-20px;float:left;}
.mintel .tel{float:left;margin-top:30px;}
.mintel .tel{ font-size:25px;}
.mintel .tel span{ display:block; font-size:36px; font-weight:bold; line-height:36px;}
.mintel .func{ float:right; margin-top:32px;}
.mintel .func h6{ font-size:16px; font-weight:bold; line-height:30px;}
.mintel .func a{ display:block;height:24px;width:98px;border:3px solid #fff; float:left; margin-right:10px; text-align:center; line-height:24px;}
.mintel .func a:hover{ background:#fff;color:#212d50;}

/*case*/
.case-wrap{width:100%;height:470px; background:#f1f1f1; margin-top:52px;}
.case{width:1000px; margin:0 auto; padding-top:34px;}
.case .scroll{ position:relative;height:272px;width:1000px; overflow:hidden; margin-top:22px;}
.case ul{ position: absolute;height:272px;}
.case li{width:248px;height:272px; background:#fff; text-align:center;color:#0a0c02; margin-right:2px;}
.case li .topic{height:73px;width:100%; padding-top:13px;}
.case li .topic h6{ text-transform:uppercase; font-size:16px; font-weight:bold;}
.case li .topic h4{background:url(images/case-title.png) no-repeat center center;}
.case li .topic h4 a{ font-weight:normal;color:#222c50; }
.case li .topic .more{ display:block;width:11px;height:11px; background:url(images/case-more.jpg) no-repeat; margin:8px auto 0;}
.case li:hover .more{ background:url(images/case-hover.jpg) no-repeat;}
.case li .img{width:248px;height:186px; display:block;}
.case li img{width:248px;height:186px;}
.case .tip{width:100px;height:26px; margin:28px auto 0;}
.case .tip a{ display:block;height:26px;width:46px; float:left; margin-right:3px;}
.case .tip .btn-l{ background:url(images/tip.png) no-repeat 0 -50px;}
.case .tip .btn-l:hover{ background:url(images/tip.png) no-repeat 0 -81px;}
.case .tip .btn-r{ background:url(images/tip.png) no-repeat -56px -50px;}
.case .tip .btn-r:hover{ background:url(images/tip.png) no-repeat -56px -81px;}

/*about*/
.about{width:1000px;height:310px; padding-top:68px; margin:0 auto;}
.about .img{height:240px;width:320px;border:2px solid #da0e0b; position:relative;left:20px;top:20px;}
.about .img img{height:240px;width:320px; position:absolute;top:-20px;left:-20px;}
.about .cont{width:626px;height:268px;}
.about .title2{height:52px; background:url(images/title-bottom.png) repeat-x 0 40px;}
.about .title2 .tt{padding-left:40px; background:#fff url(images/tip.png) no-repeat -60px -120px;height:60px;width:140px;}
.about .title2 h3{ font-size:26px;color:#da0c0c; line-height:26px;}
.about .title2 h6{ font-size:24px; font-weight:bold;color:#222c50;}
.about .title2 h6 span{color:#da0c0c;}
.about p{ line-height:28px;color:#666; margin-top:30px;}
.about .more{width:106px;height:42px; line-height:42px; text-align:center; background:#222c50; display:block; float:right;}
.about .more:hover{background:#da0c0c;}

/*news*/
.news{width:1000px;height:550px; margin:0 auto;}
.news .title1{ margin-bottom:32px;}
.news .scroll{height:408px;width:460px; background:#212d50;border:4px solid #212d50; position:relative;}
.news .box{height:344px;width:100%; position:relative; overflow:hidden;}
.news .box ul{position:absolute;top:0;left:0;height:344px;}
.news .box li,.news .box li img{width:460px;height:344px;}
.news .tip{width:84px;height:15px; margin:28px auto 0;}
.news .tip em{width:15px;height:15px; background:url(images/tip.png) no-repeat 0 -120px; display:block; float:left; margin:0 5px; cursor:pointer;}
.news .tip em.cur,.news .tip em:hover{ background:url(images/tip.png) no-repeat -21px -120px; }
.news .btn-l,.news .btn-r{ position:absolute;top:356px; display:block;height:44px;width:22px;}
.news .btn-l{ background:url(images/tip.png) no-repeat;left:70px;}
.news .btn-r{ background:url(images/tip.png) no-repeat -51px 0;right:70px;}
.newslist{width:500px;height:416px;}
.newslist li{width:100%;height:126px; margin-bottom:20px;}
.newslist li:hover .cont{ background:url(images/list-cur.png) no-repeat left top;}
.newslist li img{height:126px;width:168px; float:left;}
.newslist li .cont{width:306px; padding-left:24px; float:left;border:1px solid #e2e2e2;border-left:none;height:124px;}
.newslist li h5{ font-size:18px; font-weight:bold;color:#2b3e80; line-height:58px;}
.newslist li h5 a{color:#2b3e80;}
.newslist li h5 a:hover{color:#da0c0c;}
.newslist li p{color:#343434;}


.title3{padding-left:26px;height:36px; background: url(images/tip.png) no-repeat -60px -200px;}
.title3 h3{ font-size:18px; font-weight:bold; line-height:18px;}
.title3 h6{ font-size:16px; font-weight:bold; text-transform:uppercase;}

/*foot*/
.foot{width:100%;height:430px;}
.foot .btnav{width:100%;height:46px; line-height:48px; background:#da0e0b;border-bottom:1px solid #e64851;}
.foot .btnav ul{width:1000px;height:46px; margin:0 auto;}
.foot .btnav li{width:110px;text-align:center;}
.foot .btnav li a{display:block}
.foot .btnav li a:hover{font-weight:bold;}
.foot .contact-wrap{width:100%;height:316px;border-top:1px solid #da0e0b;border-bottom:1px solid #2f374c; background:url(images/bottom-repeat.jpg);}
.foot .contact-wrap2{width:1000px;height:316px; margin:0 auto;}
.foot .contact{width:386px;padding-right:36px;padding-top:50px;}
.foot .contact p{color:#aaabb0; line-height:30px; margin-top:14px;}
.links,.keywords{padding-top:46px; background:url(images/bottom-line.png) no-repeat left 24px;height:260px;padding-left:36px;}
.links{width:260px;}
.keywords{width:240px;}
.links ul,.keywords ul{ margin-top:10px;}
.links li{width:118px; margin-right:10px;height:30px; line-height:30px;}
.links li a:hover{font-weight:bold;}
.keywords li{width:108px; margin-right:10px;height:30px; line-height:30px;}
.keywords li a:hover{font-weight:bold;}
.copy-wrap{width:100%;height:66px; background:#141a2d;}
.copy{width:1000px;height:58px; margin:0 auto;padding:4px 0;}
.copy p{width:900px; float:left; line-height:26px;}
.copy .gotop{ float:right;height:16px;width:34px; text-align:center; background:url(images/tip.png) no-repeat -37px -258px; padding-top:24px; margin-top:14px; text-transform:uppercase;}




/*page*/
.page{width:1010px;margin:0 auto;min-height:400px;padding:10px 0 30px;}
.page .right .nodata{background:url(images/No-data2.jpg) no-repeat;height:400px;}

.page .right{width:740px;min-height:400px;color:#666;}
.page .right p{padding:10px;line-height:24px;color:#666;}
.title4{width:100%;height:40px; line-height:40px;border-bottom:2px solid #222c50;}
.title4 h3{color:#323b5c;}
.title4 a{color:#666;}
.title4 a:hover{color:#da0c0c;}
.page .sitepath{line-height:40px;}


/* listNews */
.listNews { margin-top:16px;overflow:hidden;}
.listNews li.item { width:100%;border-bottom:1px dashed #d0d0d0; }
.listNews li.item a { float:left;height:30px;margin: 6px 0;line-height: 30px;padding-left:10px;border-left:0px  solid #222c50;display:block;color:#666; }
.listNews li.item a:hover { color:#222c50; }
.listNews li.item span { float:right; margin-right:10px; color:#7e7e7e;margin-top:14px;}

/* listNews2 */
.listNews2 {margin-top:16px;overflow:hidden;   padding-right: 20px;}
.listNews2 li { float:left; padding:10px 0; width:100%; border-bottom:1px dotted #ddd; }
.listNews2 li .img { float:left; width:150px; height:110px; border:2px solid #cccccc; background:#FFF; }
.listNews2 li .img img { width:150px; height:110px; }
.listNews2 li .img:hover { border:2px solid #222c50; box-shadow:0 0 3px rgba(0,0,0,0.2); }
.listNews2 li .wd { width:546px; float:right; }
.listNews2 li .tit { height:25px; font-size:14px; line-height:20px; color:#1b7200; }
.listNews2 li .tit a{color:#666;}
.listNews2 li .tit a:hover {color:#222c50; }
.listNews2 li .mark { height:20px; color:#999; }
.listNews2 li .summary {line-height:22px; height:66px; overflow:hidden;  }
.listNews2 li .summary a.more { margin-left:15px; color:#222c50; }
.listNews2 li .summary a.more:hover { text-decoration:underline; }

/* pageNews */
.pageNews { padding:0 20px; }
.pageNews .tit { font-size:18px; line-height:24px; padding:15px 0; text-align:center; }
.pageNews .mark { height:30px; line-height:30px; text-align:center; margin-bottom:20px; color:#999; border-bottom:1px dashed #ccc;border-top:1px dashed #ccc; }
.pageNews .mark span, .pageNews .main .mark a.msg { margin:0 7px; }
.pageNews .mark .font a { margin:0 3px; color:#ccc; }
.pageNews .mark .font a:hover, .pageNews .main .mark .font a.cur { color:#222c50; }
.pageNews .mark a.msg { width:40px; height:20px; line-height:20px; display:inline-block; background:url(../images/web/t.png) -31px 0 no-repeat; color:#1b7200; }
.pageNews .photo { overflow:hidden; text-align:center; margin-bottom:20px; }
.pageNews .photo img { max-width:580px; padding:5px; border:1px solid #ccc; background:#FFF; }
.pageNews .info { margin-bottom:40px; }
.pageNews .info p { margin-bottom:10px; line-height:2; text-indent:2em; }

.relatedLink{width:696px;height:40px;border:1px solid #c8c8c8;line-height:40px;padding:0 10px;margin:0 auto;}
.relatedLink .prevLink{float:left;}
.relatedLink .nextLink{float:right;}
.relatedLink a{color:#666;} 
.relatedLink a:hover{color:#222c50;} 

/* pageProduct */
.pageProduct {margin-top:16px;padding: 10px; }
.pageProduct .photo { width:410px; float:left; }
.pageProduct .photo img { width:400px; height:300px; display:block; border: 1px solid #222c50 ; padding: 4px;}
.pageProduct .photo i { display:block;margin-bottom:10px; width:410px; height:310px;}
.pageProduct .photo span { display:block; width:430px; background:#efe6cd; height:30px; line-height:30px; color:#671763; font-weight:700; }
.pageProduct .m { width:676px; padding:10px 0; }
.pageProduct div.ts { font-size:14px; font-weight:700; height:25px; border-bottom:1px solid #ddd; }
.pageProduct div.infor {  padding-top:10px; margin-bottom:10px; line-height:24px; }
.pageProduct .info { margin:20px 0; }
.pageProduct .wd { float:right; width:280px; height:285px; overflow:hidden; padding:10px; }
.pageProduct .wd h1 { font-size:16px; font-weight:700;  line-height:20px; margin-bottom:7px; }
.pageProduct .wd ul { font-size:14px; }
.pageProduct .wd li.item {line-height:36px;float:none;}
.pageProduct .proname{font-size:16px; font-weight:700;}
.pageProduct .wd li.item span { color:#393939; margin-right:5px; }
.pageProduct .wd li.btn { height:32px;}
.pageProduct .wd li.btn a.order{ width:80px; height:32px;  line-height:32px; text-align:center;display:block; color:#FFF;background:#222c50;}
.pageProduct .wd li.btn a.order:hover{ background:#da0c0c;}
.pageProduct .wd li.btn a.msg { color:#666; }

.err{color:red;}
.skeyTag{padding:20px;}

/*casepage*/
.caselist{ width:100%; }
.caselist  li{ height:400px; width:260px; margin:6px;}
.caselist  img{ height:340px; width:252px; padding:3px;border:1px solid #09224a; display:block;}
.caselist .topic{ background:#09224a; height:50px; width:244px; line-height:50px; padding:0 8px; font-size:18px;}
.caselist .topic .order{ font-size:12px; text-align:center; border:1px solid #a2927b; color:#a2927b; display:block; height:24px; width:58px; margin-top:12px; 
  line-height:24px;float:right}

/*翻页*/
.pager{display: block; height: auto;padding: 20px 0;text-align: center;width: 100%;}
.pager span,.pager a{display:inline-block;border:1px solid #a3a3a3;color:#a3a3a3;padding:4px 8px;text-decoration:none; margin:4px;}
.pager a:hover{background:#222c50;border-color:#222c50;text-decoration:none;color:#fff;}
.pager .cur{background:#222c50;border-color:#222c50; font-weight:bold;text-decoration:none;color:#fff;}
.pager span.dot{background:none;border-color:#fff; font-weight:bold; padding:0;}

.jing_main ul.t li{float:none;}

.baiduShare{height:24px;}
.err{color:red;}
.skeyTag{padding:20px;}


/**/
.productlist{width:100%;overflow:hidden;margin-top:20px;}
.productlist li{width:230px;height:214px; background:#d8d8d8; margin:12px 7px 0;}
.productlist li .img{width:224px;height:164px; margin:3px auto 0; display:block; position: relative;overflow:hidden;}
.productlist li img{width:224px;height:164px; position:absolute;}
.productlist li .topic{height:44px;width:100%;}
.productlist li .topic span{ display:block;width:100%;height:44px; line-height:44px; text-align:center;color:#323b5b;}
.productlist li .more{display:none;height:44px;width:73px; background:url(images/tip.png) no-repeat 0 -300px;margin-top:3px;}
.productlist li:hover{ background:#323b5b;}
.productlist li:hover span{color:#fff; text-align:left;margin-left:10px;width:130px;float:left;}
.productlist li:hover .more{display:block; float:right;}

/* reInformation */
.reInformation { width:696px; padding:0 10px 10px;margin:20px 0; border:1px solid #ddd; color:#666;font-size:12px;}
.reInformation a{color:#666;}
.reInformation a:hover{color:#222c50;}
.reInformation .tit { height:36px; line-height:36px; text-align:left; padding-top:0px; padding-left:10px;border-bottom:1px solid #ddd; font-size:14px; margin-bottom:10px; color:#ec2932;  }
.reInformation ul { margin-left:2px; float:left; }
.reInformation li { float:left; width:200px; text-align:center; padding:9px 9px 8px; line-height:20px; border:1px solid #ddd; margin-left:5px; margin-right:4px; 
  display:inline;text-align:center; }
.reInformation li img { width:200px; height:156px; }
.reInformation li img:hover { opacity:0.8; filter:Alpha(opacity=80); }
.reInformation .g { display:block; width:200px; }
.reInformation .t {line-height:30px; }
.reInformation .o, .reInformation .o:visited { float:right; line-height:30px; color:#ec2932; }
.reInformation .t:hover, .reInformation .o:hover { text-decoration:underline; }
.reInformation li.hover { border-color:#ec2932; }

.minbanner li img,.minbanner,.minbanner ul,.minbanner li{height:300px}
